//  代码中，使用了 store 和 router，所以一定要检测代码中是否加载的 '@/store' 和 '@/router'

// 导入axios
import axios from 'axios'

// 导入router
// import router from '@/router'

// 导入 store/index.js 因为要是有这里的state的token
import store from '@/store'

// 创建axios实例.在这个实例中,可以对axios进行全局的配置
// 得到的 request 也是axios,只不过名字不能再叫axios了,因为重名了
const request = axios.create({
  baseURL: 'http://www.liulongbin.top:3008'
})

// 通过请求拦截器来设置请求头
// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    // config就是请求的配置对象
    /**
     * config = {
     *    url: '/user',
     *    method: 'get',
     *    baseURL: 'https://some-domain.com/api/',
     *    headers: {'X-Requested-With': 'XMLHttpRequest'},
     *    ......
     * }
     */
    // 添加请求头,判断一下,如果url地址是以/my开头,则添加请求头
    if (config.url.startsWith('/my/')) {
      //   // 判断，如果token是非数字字母下换线。说token是假的，也要清除token、清除user、跳转到登录
      //   if (!/^Bearer \w+\.\w+\.\w+$/.test(store.state.user.token)) {
      //     // 清除假token
      //     store.commit('user/updateToken', '')
      //     // 清除用户数据
      //     store.commit('user/updateUser', {})
      //     // 跳转到登录页
      //     router.push('/login')
      //     return config
      //   }
      // config.headers.Authorization = 'tokenxxxx'
      // 组件中的 this.$store === store

      config.headers.Authorization = store.state.user.token
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 导出axios
export default request
